@charset "utf-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/*Html5*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
audio, canvas, video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
/*Base*/
html {
font: 12px/1.8 "微软雅黑";
color: #666;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
}
* {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
background: transparent; /*修正win8系统IE连接灰色背景*/
outline:none;
blr:expression(this.onFocus=this.blur());
}
a:focus {
outline: 0;
}
a:active, a:hover {
outline: 0;
}
a{ color:#333;}
a:hover{ color:#0159af;}
img {
border: 0;
-ms-interpolation-mode:bicubic
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
button, input, select, textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
outline:none;
}
button, input {
line-height: normal;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input.submit {
border: 0;
margin: 0;
cursor: pointer;
}
input.radio {
width: 13px;
height: 13px;
float: left;
display: inline;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 1;
}
ul, ol {
list-style:none;
}
li {
list-style:none;
}
/*清除浮动*/
.clear {
clear: both;
height:0px;
line-height:0px;
}
.fl {
float:left;
}
.fr {
float:right;
}
dl, dd, dt {
list-style:none;
padding:0px;
margin:0px;
}
html,body{
position: relative;
}
a{cursor:pointer;}
.w960{
width: 960px;
margin: 0 auto;
position: relative;
z-index: 1;
}
.ovh{
overflow: hidden;
}
.mt35{
margin-top: 35px!important;
}
.main_content{ width:85%; margin:0 auto;}
/*分页*/
.pagingNav {
padding: 5px 10px;
margin-top: 20px;
margin-bottom: 20px;
}
.pagingNav p {
height: 30px;
line-height: 30px;
}
.pagingNav .uls {
overflow: hidden;
width: 100%;
text-align: center;
}
.pagingNav .uls li{
display: inline-block;
text-align: center;
list-style:none;
margin-left: 5px;
padding: 0 10px;
height: 28px;
line-height: 28px;
/*border: 1px solid #EBEBEB;*/
text-decoration: none;
}
.pagingNav .uls a {
}
.pagingNav .uls a.cur,.pagingNav .uls li.thisclass{
/*background-color: #0080cc;
border-color: #0080cc;
color: #fff;*/
}
.pagingNav .uls .tBtn:hover {
background-color: inherit;
color: inherit;
background-color:transparent;
color:#666;
}
/***********top***************/
.header{ width:100%; float:left; position: relative; z-index: 999;}
.header_top{ width:100%; float:left; height:30px; background:#f1f1f1; line-height: 30px; overflow: hidden;}
.header_top_title{ float:left; font-size: 14px;}
.header_top_fr{ float:right;}
.header_top_yy{ float:left}
.header_top_yy i{ margin-right: 5px; font-size: 14px; color: #4d4d4d;}
.header_top_yy a{ padding: 0 5px; border-right: 1px solid #e5e5e5; font-size:14px;}
.header_top_yy a:last-child{ border-right: 0px solid #e5e5e5;}
.header_top_yy a img{ margin-right:5px;position:relative; top:2px;}
.header_cont{ width:100%; float:left; height:120px; padding:13px 0; background:#fff;}
.header_cont .logo{ float:left; margin-top: 30px;}
.header_cont .logo img{}
.header_cont .logo_gg{ float:left; border-left: 1px solid #e5e5e5; margin-left:15px; padding:10px 0 10px 15px; font-size: 24px; line-height: 35px; margin-top: 15px;}
.header_cont .logo_gg span{ font-size:18px;}
.header_cont_fr{ float:right; margin-top: 22px;}
.header_cont_tb{ float:left; }
.header_cont_tel{ float:left; padding-left:70px; background:url(../images/head_tel.png) center left no-repeat; margin-left: 15px; height: 60px;}
.header_cont_tel span{ color: #e11b2c; font-size: 22px; line-height: 26px;}
.header_cont_tel span a{ color: #e11b2c; }
.header_nav{ float:left; width:100%; height:60px; background:url(../images/head_nav_bg.png) center center;}
.header_nav> .main_content>ul{ display: flex;}
.header_nav> .main_content>ul>li{ flex-grow: 1; text-align:center; background:url(../images/head_nav_xian.png) left center no-repeat; font-size: 18px; color: #fff; line-height: 60px; position: relative; width: 14%;}
.header_nav> .main_content>ul>li a{ color: #fff; float: left; width: 100%;}
.header_nav li ul {
position: absolute;
padding: 15px 0 7px 0;
top: 100%;
left: 0;
opacity: 0;
visibility: hidden;
background-color: #fff;
list-style: none;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.11);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.11);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.11);
z-index:9999
}
.header_nav li:hover > ul {
opacity: 1;
visibility: visible;
z-index: 999;
margin-top: -1px;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.header_nav li > ul li{ text-align:left; line-height:40px; padding: 1px 23px;}
.header_nav .sub-menu li a:hover {
border-bottom:2px solid #000;
}
.header_nav .sub-menu {
width: 220px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: translate(0px, 10px);
-moz-transform: translate(0px, 10px);
-ms-transform: translate(0px, 10px);
-o-transform: translate(0px, 10px);
transform: translate(0px, 10px);
border: 1px solid #eaeaec;
}
.header_nav .sub-menu li a {
margin-bottom: 9px;
}
.header_nav li:hover > .sub-menu > li {
padding: 1px 23px;
}
.header_nav li:hover > .sub-menu > li > a {
letter-spacing: 1px;
color: #000;
}
.header_nav .sub-menu .sub-menu:before {
left: -8px;
}
/*banner*/
.slide-main{position:relative; float: left;}
.slide-main .prev,.slide-main .next{display:none;width:70px;height:70px;position:absolute;z-index:222; overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none; top: 40%;}
.prev img,.next img{ width:100%;}
.slide-main:hover .prev,.slide-main:hover .next{display:block;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:20px;position:absolute;z-index:124;left:0;text-align:center; bottom: 5%;}
.item a{display:inline-block;width:10px;height:10px;margin-right:11px;opacity:1;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;border-radius: 10px; border: 1px solid #dcdbdd;}
.item a.cur{background:#dcdbdd;}
.slide-box,.slide{display:block;width:100%; float: left;}
.slide-box{position:relative;}
.slide{display:none; background:#1d2d6b;position:relative;z-index:8;}
.slide a{display:block;width:100%;cursor:pointer;}
.slide img{ width:100%;}
/*关键词搜索*/
.i_seach{ width:100%; float:left; height:50px; line-height:50px; background:#fff; border-bottom: 1px solid #efefef;}
.i_seach_fl{ width:60%; float:left;}
.i_seach_fl span{ float:left;font-size: 14px;}
.i_seach_fl a{ float:left; padding:0 5px;font-size: 14px;}
.i_seach_fr{ float:right; height: 45px; border-bottom: 1px solid #3154a9; margin-top: 5px;}
.i_seach_fr .soText {
float: left;
width: 200px;
height:45px;
line-height: 45px;
padding:0 10px;
border: 0px;
outline: none;
border-right:0px;
color:#b8b8b8;
font-size:12px;
}
.soText::-webkit-input-placeholder { color:#b5b5b5;}
.i_seach_fr .soBtn {
float: left;
width: 45px;
height: 45px;
line-height:45px;
background:url(../images/seach_soBtn.png) center center no-repeat;
border:0px;
color:#fff;
font-size: 26px;
/*background-size: 18px;*/
}
/*四大核心*/
.i_hexin{ width:100%; float:left; padding: 50px 0;}
.i_hexin_title{ width:100%; float:left; text-align:center; margin-top: 40px; font-size: 24px; color: #000;}
.i_hexin_title span{ font-size: 36px;}
.i_hexin_list{ float:left; width:100%; margin-top: 80px; background-color:#fff;}
.i_hexin_list ul{}
.i_hexin_list li{ float:left; width: calc(40% - 100px); margin-bottom: 100px;}
.i_hexin_list li:nth-child(1){ margin-right:10%; background:url(../images/hx_title1.png) left top no-repeat; padding-left:100px;}
.i_hexin_list li:nth-child(2){ margin-left:10%; background:url(../images/hx_title2.png) right top no-repeat; padding-right:100px; text-align: right;}
.i_hexin_list li:nth-child(3){ margin-right:10%; background:url(../images/hx_title3.png) left bottom no-repeat; padding-left:100px; margin-bottom: 0px;}
.i_hexin_list li:nth-child(4){ margin-left:10%;background:url(../images/hx_title4.png) right bottom no-repeat; padding-right:100px; text-align: right; margin-bottom: 0px;}
.i_hexin_list li:nth-child(1) .i_hexin_list_cont{ background:url(../images/hx_title_xian1.png) right top 20px no-repeat; width: 70%; padding-right: 30%;}
.i_hexin_list li:nth-child(2) .i_hexin_list_cont{ background:url(../images/hx_title_xian2.png) left top 20px no-repeat; width: 70%; padding-left: 30%;}
.i_hexin_list li:nth-child(3) .i_hexin_list_cont{ background:url(../images/hx_title_xian3.png) right bottom 20px no-repeat; width: 70%; padding-right: 30%; padding-top:50px; }
.i_hexin_list li:nth-child(4) .i_hexin_list_cont{ background:url(../images/hx_title_xian4.png) left bottom 20px no-repeat; width: 70%; padding-left: 30%; padding-top:50px; }
.i_hexin_list li:nth-child(1) .i_hexin_list_title{ color: #2449a4;}
.i_hexin_list li:nth-child(2) .i_hexin_list_title{ color: #a40000;}
.i_hexin_list li:nth-child(3) .i_hexin_list_title{ color: #ec6941;}
.i_hexin_list li:nth-child(4) .i_hexin_list_title{ color: #00702e;}
.i_hexin_list li:nth-child(1) .i_hexin_list_title span{ background: #fff; padding-right: 20px;}
.i_hexin_list li:nth-child(2) .i_hexin_list_title span{ background: #fff; padding-left: 20px;}
.i_hexin_list li:nth-child(3) .i_hexin_list_title span{ background: #fff; padding-right: 20px;}
.i_hexin_list li:nth-child(4) .i_hexin_list_title span{ background: #fff; padding-left: 20px;}
.i_hexin_list li .i_hexin_list_title{ font-size: 24px; font-weight: bold;}
.i_hexin_list li .i_hexin_list_desc{font-size: 16px; color: #595959;}
.i_hexin_list_gd{ width:100%; float:left; text-align:center;}
.i_hexin_list_gd a{ color: #fff; background: #2449a4; padding: 10px 20px; font-size: 18px; border-radius: 50px; position: relative; top: -50px;}
/*产品中心*/
.i_cpzx{ width:100%; float:left; padding: 88px 0; background:url(../images/cpzx_bg.jpg) center top no-repeat; }
.i_cpzx_title{ width:100%; float:left; text-align:center; color: #fff; font-size: 24px; margin-top: 17px;}
.i_cpzx_title span{ font-size: 36px; color: #feea00; border-bottom: 1px solid #4779b9; padding: 0 100px; padding-bottom: 18px;}
.i_cpzx_xian{ width: 150px; height: 4px; background: #ffea00; margin: 0 auto; position: relative; top: 7px;}
.i_cpzx_xl{ width:100%; float:left; margin-top:60px;}
.i_cpzx_xl li{ width:calc(18% - 1px); padding:0 1%; color:#fff; float:left; border-right: 1px #5989ca dashed;}
.i_cpzx_xl li:last-child{ border-right:0px;}
.i_cpzx_xl_title{ padding-left:30px; background:url(../images/i_cp_xl_tb1.png) left center no-repeat; font-size: 24px; margin-bottom: 7px;}
.i_cpzx_xl_cont{}
.i_cpzx_xl_cont a{ color:#fff; width:100%; float:left; line-height: 28px;}
.i_cpzx_xl_cont a:hover{ text-decoration: underline;}
.i_cpzx_list{ width:100%; float:left; position: relative; margin-top: 70px;}
#myscroll{display:block; width:100%; position:relative; overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px; overflow:hidden;}
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li { float:left; position:relative; width:234px; }
#myscroll ul li a{display:block; position:relative; color:#333; width:calc(100% - 10px); margin: 0 auto; background: #fff; text-align: center; padding: 10px 0;}
#myscroll ul li .i_cpzx_list_tu{ width:100%; padding-bottom:100%; position:relative; overflow:hidden; }
#myscroll ul li .i_cpzx_list_tu img{ position:absolute; height:100%; top:0px; left:50%; transform:translateX(-50%); }
#myscroll ul li .i_cpzx_list_xh{ color:#2449a4; font-size:20px; font-weight: bold;}
#myscroll ul li .i_cpzx_list_title{ color:#3f3f3f; font-size:14px;}
#mybtns{width:100%; display:block; }
#mybtns a{width:52px; height:99px; display:block;margin-right:1px; position: absolute; top:50%; transform: translateY(-50%);}
#mybtns a:hover{}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll #myscrollbox{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#mybtns #left{ background-image:url(../images/jt_l.png); left:-7%; }
#mybtns #right{ background-image:url(../images/jt_r.png); right:-7%}
.disabled{ pointer-events: none;}
.i_cpzx_gs{ width:5px; display:none;}
/*解决方案*/
.i_jjfa{width:100%; float:left; padding: 50px 0; background:#fff; border-bottom: 1px solid #cdcdcd;}
.i_jjfa_title{ width:100%; float:left; text-align:center; font-size: 24px; margin-top: 7px;}
.i_jjfa_title span{ font-size: 36px; color: #2449a4; border-bottom: 1px solid #efefef; padding: 0 100px; padding-bottom: 18px;}
.i_jjfa_xian{ width: 150px; height: 4px; background: #2449a4; margin: 0 auto; position: relative; top: 7px;}
.i_jjfa_list{ width:100%; float:left; margin-top:70px;}
.i_jjfa_info{ width:100%; float:left; background:url(../images/jjfa_list_bg.jpg) center right no-repeat;}
.i_jjfa_list_tu{ width:50%; float:left;}
.i_jjfa_list_tu img{ width:100%;}
.i_jjfa_list_cont{ width: 40%; float: left; padding:5%;}
.i_jjfa_list_title{ font-size: 24px; border-bottom: 1px solid #c4c4c4; padding-bottom: 25px;}
.i_jjfa_list_title span{ font-size: 14px; color: #b7b7b7;}
.i_jjfa_list_desc{ font-size: 15px; margin-top: 20px;}
.i_jjfa_list_gd{ margin-top: 30px;}
.i_jjfa_list_gd a{ font-size: 14px; padding:10px 20px; color:#fff; background:#2449a4;}
.i_jjfa_bot{ float: left; width: 100%; text-align: center; margin-top:50px;}
.i_jjfa_bot ul{ width:90%; margin:0 auto; position:relative;}
.i_jjfa_bot li{ display: inline-block; text-align: center; width:16%;}
.i_jjfa_bot li .i_jjfa_tb{}
.i_jjfa_bot li .i_jjfa_tb img{ background-color: #fff; padding:0 5px}
.i_jjfa_bot li .i_jjfa_tb img#tb2{ display:none;}
.i_jjfa_bot li:hover .i_jjfa_tb img#tb2,.i_jjfa_bot li.cli1 .i_jjfa_tb img#tb2{ display:inline-block;}
.i_jjfa_bot li:hover .i_jjfa_tb img#tb1,.i_jjfa_bot li.cli1 .i_jjfa_tb img#tb1{ display:none;}
.i_jjfa_bot_title{ width:100%; margin-top: 20px; font-size: 16px;}
.i_jjfa_bot_xian{ width: 85%; height: 1px; background: #e5e5e5; margin: 0 auto; position: relative; top: 32px;}
/*优势*/
.i_ys{ width:100%; float:left; padding: 50px 0; background:#fff;}
.i_ys_title{ width:100%; float:left; text-align:center; font-size: 24px; margin-top: 22px;}
.i_ys_title span{ font-size: 36px; color: #424242; border-bottom: 1px solid #efefef; padding: 0 100px; padding-bottom: 25px;}
.i_ys_xian{ width: 150px; height: 4px; background: #2449a4; margin: 0 auto; position: relative; top: 14px;}
.i_ys_list{width:100%; float:left; margin-top:100px;}
.i_ys_list li{width:100%; float:left; color:#000;}
.i_ys_list li .i_ys_tu{ width:50%; float:left; overflow: hidden; }
.i_ys_list li:nth-child(2n) .i_ys_tu{ float:right;}
.i_ys_list li .i_ys_tu img{ height:100%; position: relative; left: 50%; transform: translateX(-50%);}
.i_ys_list li .i_ys_fr{ width: 40%; float: left; margin-left: 2%; margin-right: 8%; padding-top: 30px; padding-bottom: 50px;}
.i_ys_list li:nth-child(2n) .i_ys_fr{ margin-left:8%; margin-right: 2%; }
.i_ys_list li .i_ys_sz{ float: left; background: #264ba4; color: #fff; font-size: 34px; padding: 20px 15px; font-weight: bold; position: relative; margin-top: 18px; margin-right:20px;}
.i_ys_list li .i_ys_sz span{ border-bottom: 1px solid #fff; padding-bottom: 10px;}
.i_ys_list li .i_ys_cont{ float: right; width: calc(100% - 100px); }
.i_ys_list li .i_ys_list_title{ font-size: 29px; font-weight: bold; width: 100%; border-bottom: 1px dashed #e4e4e4; padding-bottom: 5px; margin-bottom: 20px;}
.i_ys_list li .i_ys_list_title span{ font-size:12px; color: #d5d5d5;}
.i_ys_list li .i_ys_list_desc{ line-height: 35px;}
.i_ys_list li .i_ys_list_desc p{ font-size: 18px; padding-left:20px; background:url(../images/ys_tb1.png) top 10px left no-repeat;}
.i_ys_list li .ys_gd{ margin-top: 30px;}
.i_ys_list li .ys_gd img{ position: relative; top: 5px; margin-right: 10px;}
.i_ys_list li .ys_gd a{ background: #264ba6; color: #fff; padding: 12px 22px; font-size: 16px;}
/*新闻中心*/
.i_news{ width:100%; float:left; padding: 50px 0; background: #fff;}
.i_news_title{ width:100%; float:left; text-align:center; font-size: 24px; margin-top: 38px;}
.i_news_title span{ font-size: 36px; color: #424242; border-bottom: 1px solid #efefef; padding: 0 100px; padding-bottom: 25px;}
.i_news_xian{ width: 150px; height: 4px; background: #2449a4; margin: 0 auto; position: relative; top: 14px;}
.i_news_list{ width:100%; float:left; margin-top: 100px; margin-bottom: 30px;}
.i_news_list_fl{width:49%; float:left; }
.i_news_list_fl_tu{ width:100%;}
.i_news_list_fl_tu img{ width:100%;}
.i_news_list_fl_title{ height: 30px; width: 100%; background: #7f7f7f; text-align: center; line-height: 30px; color: #fff; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.i_news_list_fr{ width:49%; float:right;}
.i_news_list_fr_t{ width:100%; float:left; color:#000;}
.i_news_list_fr_t_tu{width:30%; float:left; margin-right: 5%;}
.i_news_list_fr_t_tu img{ width:100%;}
.i_news_list_fr_t_cont{ width:65%; float:left;}
.i_news_list_fr_t_title{ font-size: 16px; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; margin-bottom: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.i_news_list_fr_t_desc{ line-height: 20px;}
.i_news_list_fr_t_gd{ margin-top: 12px;}
.i_news_list_fr_t_gd span{ font-size: 14px; color: #fff; background: #254da5; border-radius: 4px; padding: 5px 17px; margin-top: 5px;}
.i_news_list_fr_bot{ width:100%; float:left; margin-top: 40px;}
.i_news_list_fr_bot li{ width:100%; float:left; margin-bottom: 8px;}
.i_news_list_fr_bot li .i_news_list_fr_b_title{ float:left; width:calc(100% - 115px); padding-left: 15px; background:url(../images/news_tb.png) left top 7px no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.i_news_list_fr_bot li .i_news_list_fr_b_time{ float:right; width:100px;}
/*关于我们*/
.i_gywm{ width:100%; float:left; padding-top: 50px; background:#f5f5f5}
.i_gywm_title{ width:100%; float:left; text-align:center; font-size: 24px; margin-top: 25px;}
.i_gywm_title span{ font-size: 36px; color: #424242; border-bottom: 1px solid #efefef; padding: 0 100px; padding-bottom: 25px;}
.i_gywm_xian{ width: 150px; height: 4px; background: #2449a4; margin: 0 auto; position: relative; top: 14px;}
.i_gywm_bot{ width:100%; float:left; margin-top:193px; background:#264ba6; padding-bottom:50px;}
.i_gywm_bot_fl{ width:54%; float:left; position: relative; margin-top: -120px;}
.i_gywm_bot_fl_tu{ width:100%; float:left; }
.i_gywm_bot_fl_tu img{ width:100%; }
.i_gywm_bot_fl_title{ width: 90%; padding: 0 5%; float: left; color: #fff; font-size: 18px; margin-top: 40px;}
.i_gywm_bot_fl_desc{ width: 90%; padding: 0 5%; float: left; color: #fff; line-height: 26px; text-indent: 2em;}
.i_gywm_bot_fl_desc a{ color: #d49842; text-decoration: underline;}
.i_gywm_bot_fr{ width:41%; float:right; padding-left:3%}
.i_gywm_bot_fr_title{ font-size: 30px; color: #fff; margin-top: 94px; font-weight: bold; line-height: 53px;}
.i_gywm_bot_fr_title span{ font-size: 16px;}
.i_gywm_bot_fr_tu{
width: 300px;
height: 227px;
position:relative;
margin-top: 25px;
}
.i_gywm_bot_fr_tu .tempWrap{ border: 3px solid white; background:#fff;}
.i_gywm_bot_fr_tu ul{
width: 100%;
height: 227px;
position: relative;
overflow: hidden;
}
.i_gywm_bot_fr_tu li{
width: 100%;
height: 227px;
line-height: 100px ;
text-align: center;
}
.i_gywm_bot_fr_tu li img{ width:100%; height:100%;}
.i_gywm_bot_fr_tu .color1{
position: absolute;
}
.i_gywm_bot_fr_tu .input1{
width: 35px;
height: 35px;
margin:-35px;
position: absolute;
top:35px ;
right:-5px;
background:url(../images/i_jj_bnt1_1.png) center center no-repeat;
border:0px;
}
.i_gywm_bot_fr_tu .input1:hover{ background:url(../images/i_jj_bnt1_2.png) center center no-repeat;}
.i_gywm_bot_fr_tu .input2{
width: 35px;
height: 35px;
position: absolute;
top:40px;
right:-40px;
background:url(../images/i_jj_bnt2_1.png) center center no-repeat;
border:0px;
}
.i_gywm_bot_fr_tu .input2:hover{ background:url(../images/i_jj_bnt2_2.png) center center no-repeat;}
/*footer*/
.footer{ width:100%; float:left;}
.footer_nav{ width:100%; float:left; height:80px; line-height:80px; border-bottom:1px solid #e5e5e5; border-top: 1px solid #e5e5e5;}
.footer_nav ul{ width:100%; float:left; display: flex;}
.footer_nav li{ font-size:18px; text-align:center; flex-grow: 1;}
.footer_cont{width:100%; float:left; padding:30px 0;}
.footer_cont_fl{ width:calc(25% - 1px); float:left; text-align:center; border-right:1px solid #e5e5e5}
.footer_logo{ margin-bottom: 15px;}
.footer_logo img{ max-width: 100%;}
.footer_ewm{ font-size: 12px; line-height: 40px;}
.footer_ewm img{ width: 145px;}
.footer_cont_cent{width:30%; float:left; padding: 0 5%;}
.footer_lx_title{ font-size: 24px; color: #274aa4; font-weight: bold;}
.footer_lx_xian{ width: 60px; height: 1px; background: #dcdcdc; margin-top: 11px;}
.footer_lx_cont{ margin-top: 15px; font-size: 18px; line-height: 38px; color: #000;}
.footer_lx_cont span{ font-size: 24px;}
.footer_cont_fr{width:calc(25% - 1px); float:left; padding-left:5%; border-left:1px solid #e5e5e5;}
.footer_lx_tel{ min-height:65px; margin-top: 15px; padding-left:70px; background:url(../images/footer_tel.png) left center no-repeat;}
.footer_lx_tel span a{ font-size: 32px; color: #284ba7;}
.footer_lx_qq{ float: left; background: #264ba6; color: #fff; padding: 10px 20px; margin-top: 30px; font-size: 18px;}
.footer_lx_qq a{ color: #fff;}
.footer_lx_qq i{ position:relative; padding-right:10px; top: 2px; }
.footer_bot{ width:100%; float:left; line-height:35px; color:#fff; background: #264ba6;}
.footer_link{ width:60%; padding:0 5%; float:left; }
.footer_link span{}
.footer_link a{ color:#fff; padding:0 5px;}
.footer_fr{ width:29%; float:right; text-align:center;}
.footer_fr a{ color:#fff; }
/*Online Service*/
.kf-sidebar{position: fixed;top: 250px;right: 10px;z-index: 999;}
.kf-sidebar li{width: 55px;height: 55px;margin-bottom: 1px;position: relative;}
.kf-sidebar .sidebox{display: block;width: 55px;height: 55px;position: absolute;top: 0;right: 0;overflow: hidden;transition: ease-in-out 0.2s;}
.kf-sidebar .tb{display: block;width: 55px;height: 55px;position: absolute;top: 0;left: 0;}
.kf-sidebar li:hover .tb{background-color: rgba(0,0,0,0.3) !important;}
.kf-sidebar p{line-height: 55px;text-align: center;color: #FFFFFF !important;font-size: 20px;float: left;position: absolute;top: 0;left: 55px;}
.kf-sidebar .kf-tel .sidebox{background-color:#0056a6;}
.kf-sidebar .kf-qq .sidebox{background-color: #0056a6;}
.kf-sidebar .kf-weixin .sidebox{background-color: #0056a6;}
.kf-sidebar .kf-ww .sidebox{background-color: #0056a6;}
.kf-sidebar #goTop{background-color: #0056a6;cursor: pointer;}
.kf-sidebar .kf-tel .tb{background: url(../images/kf_tel.png)no-repeat center;}
.kf-sidebar .kf-qq .tb{background: url(../images/kf_qq.png)no-repeat center;}
.kf-sidebar .kf-weixin .tb{background: url(../images/kf_weixin.png)no-repeat center;}
.kf-sidebar .kf-ww .tb{background: url(../images/kf_ww.png)no-repeat center;}
.kf-sidebar #goTop .tb{background: url(../images/gotop.png)no-repeat center;}
.kf-sidebar .kf-tel p{width: 180px;}
.kf-sidebar .kf-tel:hover .sidebox{width: 235px;}
.kf-sidebar .kf-qq p{width: 140px;}
.kf-sidebar .kf-qq:hover .sidebox{width: 195px;}
.kf-sidebar .kf-ww p{width: 140px;}
.kf-sidebar .kf-ww:hover .sidebox{width: 195px;}
.kf-sidebar .ewm{position: absolute;top: -53px;right: 55px;padding-right: 15px;display: none;}
.kf-sidebar .ewm .box{padding: 5px;background: #FFFFFF;border: 1px solid #02963F;}
.kf-sidebar .ewm .box img{display: block;width: 150px;height: 150px;}
/*内页*/
.content{ width:100%; float:left; padding-bottom:50px;}
.Location{ width: 100%; height: 45px; line-height: 45px; border-bottom: 1px dashed #dcdcdc; font-size:14px; overflow: hidden;margin-bottom: 20px;}
.Location span{ border-left: 10px solid #333333; font-weight: normal; padding-left: 8px;}
.Location a{ }
.Location a:hover{ color:#0056a6}
.tl-fdh-02 {
height: 55px;
background: #fff;
margin-bottom: 20px;
overflow: hidden;
}
.tl-fdh-02 li {
width:14.28%;
height: 55px;
font-size: 18px;
line-height: 55px;
text-align: center;
float: left;
border-right: 1px solid #eee;
margin-right: -1px;
background: #f4f4f4;
cursor: pointer;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.tl-fdh-02 li a {
display: block;
height: 55px;
color: #a8a8a8;
}
.tl-fdh-02 li.sidenavcur,.tl-fdh-02 li:hover {
background: url(../images/p16-icon6.png) no-repeat bottom center #0159af;
border-color: #0159af;
}
.tl-fdh-02 li.sidenavcur a,.tl-fdh-02 li:hover a { color: #fff; }
/*honor*/
.list_honor{ width:100%; float:left; }
.list_honor ul{}
.list_honor li{ width:24%; float:left; margin-right:1.3%; margin-bottom: 1.3%;}
.list_honor li:nth-child(4n){ margin-right:0px;}
.list_honor li .list_honor_tu{ width: calc(100% - 2px); padding-bottom: 68%; border: 1px solid #e5e5e5; position: relative; overflow: hidden;}
.list_honor li .list_honor_tu img{ width:100%; min-height: 100%; position: absolute;}
.list_honor li .list_honor_title{ height: 30px; font-size: 14px; line-height: 30px; text-align: center; padding: 0 5px; /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */ background: #f0f0f0; color: #4b4a4a;}
.list_honor2{ width:100%; float:left; }
.list_honor2 ul{}
.list_honor2 li{ width:24%; float:left; margin-right:1.3%; margin-bottom: 1.3%;}
.list_honor2 li:nth-child(4n){ margin-right:0px;}
.list_honor2 li .list_honor_tu{ width: calc(100% - 2px); padding-bottom: 68%; border: 1px solid #e5e5e5; position: relative; overflow: hidden;}
.list_honor2 li .list_honor_tu img{ height: 100%; position: absolute; left:50%; transform:translateX(-50%);}
.list_honor2 li .list_honor_title{ height: 30px; font-size: 14px; line-height: 30px; text-align: center; padding: 0 5px; /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */ background: #f0f0f0; color: #4b4a4a;}
/*公司简介*/
.about1 {
padding-bottom: 30px;
margin-top: 20px;
border-bottom: 1px dashed #ddd;
}
.about1 dt {
width: 70%;
height: 368px;
float: left;
overflow: hidden;
margin-bottom: 30px;
}
.about1 dt img {
width: 100%;
display: block;
}
.about1 dd {
width: calc(25% - 2px);
height: 238px;
overflow: hidden;
float: right;
margin-top: 45px;
padding: 45px 0 0 5%;
border: 2px solid #0159af;
border-left: 0;
}
.about1 dd h3 {
font: 20px "Times New Roman", Times, serif;
text-transform: uppercase;
color: #333;
}
.about1 dd h3 em {
display: block;
font-size: 50px;
font-weight: bold;
font-style: normal;
}
.about1 dd span {
display: block;
font: 36px "Microsoft Yahei";
font-weight: bold;
color: #0159af;
padding-top: 8px;
}
.about1 dd span em {
display: block;
font-size: 26px;
font-weight: normal;
font-style: normal;
color: #222;
}
.about1 h4 {
font: 36px "Microsoft Yahei";
font-weight: bold;
color: #222;
padding-bottom: 10px;
line-height: 60px;
margin: 0px;
}
.about1 h4 em {
font: 36px "Times New Roman", Times, serif;
color: #0159af;
text-transform: uppercase;
padding-left: 10px;
}
.about1 h4 span {
font: 24px "Microsoft Yahei";
color: #222;
width: 100%;
float: left;
}
.about1 p {
font: 15px "Microsoft Yahei";
color: #666;
line-height: 26px;
}
.about2 {
margin-top: 60px;
}
.about2 h2,
.about3 h2,
.about4 h2 {
text-align: center;
font-size: 34px;
color: #333;
line-height: 110%;
margin-top: 35px;
margin-bottom: 25px;
}
.about2 h2 span,
.about3 h2 span,
.about4 h2 span {
color: #0159af;
margin: 0 10px;
}
.about2 h2 em,
.about3 h2 em,
.about4 h2 em {
display: block;
font-weight: normal;
font-style: normal;
font-size: 12px;
text-transform: uppercase;
color: #666;
}
.about2 dl dt {
background: #333;
float: left;
width: 50%;
overflow:hidden;
}
.about2 dl dt img{ width:100%;}
.about2 dl dd {
float: right;
width: 40%;
font-size: 15px;
background: #f7f7f7;
padding: 5%;
/* height: 279px;*/
}
.about3 {
margin-top: 60px;
}
.about3 li {
background: #f7f7f7;
margin-bottom: 10px;
line-height: 40px;
color: #444;
font-size: 14px;
float: left;
width: 50%;
list-style-type: none;
}
.about3 li.none {
width: 100%;
}
.about3 li.er {
line-height: 26px;
padding-top: 15px;
}
.about3 li.er span {
height: 80px;
line-height: 80px;
margin-top: -15px;
}
.about3 li span {
display: inline-block;
width: 52px;
height: 42px;
text-align: center;
background: #0159af;
color: #fff;
font-size: 22px;
margin-right: 15px;
float: left;
}
.about4 {
margin-top: 60px;
}
.about4 li {
float: left;
width: 285px;
margin-right: 20px;
display: inline;
}
.about4 li img {
width: 100%;
}
.about4 li:nth-child(4n) {
margin-right: 0px;
}
.about4 li p {
margin: 0;
padding-top: 0;
}
.about4 li span {
display: block;
background: #0159af;
text-align: center;
font-size: 16px;
color: #fff;
line-height: 40px;
margin-bottom: 30px;
}
.about4 li:hover span {
background: #ffad00;
}
.p12-aboutinfo-1-tit {
height: 114px;
line-height: 114px;
font-size: 30px;
text-align: center;
color: #333;
}
.lianxi li {
float: left;
width: 22%;
min-height: 180px;
text-align: center;
margin-right: 1.3%;
color: #666;
margin-bottom: 30px;
line-height: 160%;
padding: 0 1%;
font-family: 微软雅黑;
background: #eee;
}
.lianxi li.last {
float: right;
margin-right: 0px
}
.lianxi li img {
margin-top: 20px;
width: 52px;
}
.lianxi li i {
display: block;
font-size: 14px;
color: #333;
padding-bottom: 8px;
font-style: normal;
padding-top: 10px;
}
.lianxi li span {
display: block;
font-size: 18px;
color: #333;
}
.lianxi li.last span {
font-size: 15px;
}
/*在线留言*/
.p4-order-form-1 {
overflow: hidden;
}
.p4-order-form-1 .p4-titlel-1 {
width: 145px;
height: 46px;
font-size: 18px;
line-height: 46px;
text-align: center;
color: #fff;
background: #333333;
}
.p4-order-form-1-con {
border: 1px solid #bbb;
background: url(images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff;
padding: 40px 15%;
}
.p4-order-form-1-con li {
margin-bottom: 10px;
font-size: 14px;
line-height: 35px;
color: #666;
overflow: hidden;
}
.p4-order-form-1-con label {
display: inline-block;
width: 120px;
color: #666;
vertical-align: top;
text-align: right;
height: 33px;
line-height: 33px;
overflow: hidden;
}
.p4-order-form-1-con .inputs, .p4-order-form-1-con li select {
width: 73%;
margin-right: 10px;
outline: none;
padding-left: 10px;
border: 1px solid #eee;
height: 33px;
line-height: 32px;
color: #666;
box-sizing: border-box;
/* float: left; */
}
.p4-order-form-1-t1 textarea {
width: 73%;
height: 102px;
line-height: 24px;
border: 1px solid #eee;
outline: none;
resize: none;
overflow: auto;
margin-right: 10px;
padding-left: 10px;
box-sizing: border-box;
}
.p4-order-form-1-con .p4-order-form-1-t3 {
padding-left: 120px;
}
.p4-order-form-1-con .p4-order-form-1-t3 input {
width: 80px;
height: 30px;
border: 0;
text-align: center;
margin-right: 30px;
color: #fff;
padding-left: 0;
cursor: pointer;
}
.p4-order-form-1-con .p4-order-form-1-b1 {
background: #0159af;
}
.blk-xs{width:20%;}
.fdh-01-tit {
background: #0159af;
height: 80px;
}
.fdh-01-tit .h3 {
height: 79px;
font-size: 24px;
font-weight: normal;
line-height: 75px;
color: #fff;
border-bottom: 1px solid #fff;
text-align: center;
}
.fdh-01-tit .h3 span {
font-size: 14px;
text-transform: uppercase;
}
.fdh-01-nav-one .h3 {
height: 50px;
line-height: 50px;
background: url(../images/p14-icon5.png) no-repeat right center #ececeb;
margin-bottom: 2px;
}
.fdh-01-nav-one .h3.sidenavcur, .fdh-01-nav-one .h3:hover {
background: url(../images/p14-icon2.png) no-repeat right center #0159af;
}
.fdh-01-nav-one .h3 a {
display: block;
height: 50px;
font-size: 18px;
font-weight: normal;
margin-right: 40px;
margin-left: 38px;
color: #666;
}
.fdh-01-nav-one .h3.sidenavcur a, .fdh-01-nav-one .h3:hover a {
color: #fff;
}
.fdh-01-nav-one dl.sidenavcur{ display:block !important;}
.fdh-01-nav dl {
padding: 2px 0 4px;
}
.fdh-01-nav dt {
height: 50px;
font-size: 16px;
line-height: 50px;
padding-left: 54px;
padding-right: 40px;
margin-bottom: 1px;
background: #ececec;
position: relative;
overflow: hidden;
}
.fdh-01-nav dt:after {
content: "";
width: 8px;
height: 8px;
border: 2px solid #b8b8b8;
border-style: solid solid none none;
position: absolute;
top: 50%;
right: 32px;
margin-top: -4px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.fdh-01-nav dt.sidenavcur:after,
.fdh-01-nav dt:hover:after {
border-color: #0159af;
}
.fdh-01-nav dt.sidenavcur a,
.fdh-01-nav dt:hover a {
color: #0159af;
}
.fdh-01-nav dd {
border: 1px solid #ececec;
border-bottom: 0;
}
.fdh-01-nav p {
height: 50px;
font-size: 14px;
line-height: 50px;
padding-left: 72px;
padding-right: 40px;
border-bottom: 1px solid #ececec;
background: #fff;
position: relative;
overflow: hidden;
}
.fdh-01-nav p.sidenavcur a,
.fdh-01-nav p:hover a {
color: #0159af;
}
.fdh-01-nav p.sidenavcur:after,
.fdh-01-nav p:hover:after {
background: #333333;
}
.fdh-01-nav a {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cbgg-01 {
background: #0159af;
text-align: center;
color: #fff;
}
.cbgg-01 p {
padding-top: 15px;
}
.cbgg-01 p img {
vertical-align: middle;
margin-right: 5px;
}
.cbgg-01 span {
display: block;
font-size: 28px;
font-weight: bold;
font-family: Arial;
padding-bottom: 20px;
padding-top: 10px;
}
.cbgg-01 span a{ color:#fff;}
.blk-sm {
width: 78%;
}
.left_news{ width: 100%;}
.left_news .h3{ width: 100%; height: 79px; font-size: 24px; font-weight: normal; line-height: 75px; color: #fff; border-top: 1px solid #fff; text-align: center; background: #0159af;}
.left_news li{ width: 96%; padding: 2%; border-bottom: 1px #dedede dotted;}
.left_news li .left_news_title{ font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000;}
.left_news li .left_news_desc{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #8d8d8d;}
.left_news li .left_news_time{ color: #8d8d8d;}
.left_news li:hover .left_news_title{ color:#0159af;}
.zxlb-1n-ts-01-list dl {
border: 1px solid #dedede;
width: 100%;
margin-bottom: 15px;
padding: 22px 0 22px;
background: #fff;
display: inline-block;
}
.zxlb-1n-ts-01-list dl:hover {
border-color: #0159af;
}
.zxlb-1n-ts-01-list dt {
width: 30%;
float: left;
margin-left: 22px;
margin-right: 5.5%;
}
.zxlb-1n-ts-01-list dt img {
width: 100%;
margin: 0 auto;
display: block;
}
.zxlb-1n-ts-01-list dd {
width: 58%;
float: left;
}
.zxlb-1n-ts-01-list dd .h4 {
height: 40px;
font-weight: normal;
font-size: 18px;
color: #154c64;
line-height: 40px;
margin-bottom: 5px;
overflow: hidden;
}
.zxlb-1n-ts-01-list .h4{
display: block;
height: 40px;
color: #4b4a4a;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.zxlb-1n-ts-01-list dl:hover .h4{
color: #0159af;
}
.zxlb-1n-ts-01-list-desc {
max-height: 72px;
font-size: 14px;
line-height: 24px;
color: #797979;
margin-bottom: 28px;
overflow: hidden;
}
.zxlb-1n-ts-01-list-deta {
float: right;
width: 134px;
height: 40px;
display: inline-block;
border: 1px solid #aaa;
font-size: 16px;
line-height: 40px;
text-align: center;
}
.zxlb-1n-ts-01-list dl:hover .zxlb-1n-ts-01-list-deta {
background: #0159af;
border-color: #0159af;
}
.zxlb-1n-ts-01-list dl:hover .zxlb-1n-ts-01-list-deta {
color: #fff;
}
.zxxq-01 {
background: #fff;
padding: 18px 0;
}
.zxxq-01-tit {
/* height: 38px; */
font-size: 24px;
font-weight: normal;
line-height: 38px;
color: #4b4a4a;
text-align: center;
/* overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; */
}
.zxxq-01-sour {
height: 24px;
font-size: 12px;
line-height: 24px;
text-align: center;
color: #aaa;
margin-bottom: 20px;
}
.zxxq-01-sour a {
color: #aaa;
}
.zxxq-01-sour span {
margin: 0 9px;
}
.zxxq-01-text {
padding: 16px 18px;
font-size: 14px;
line-height: 24px;
border: 1px solid #d6d6d6;
margin-bottom: 22px;
}
.zxxq-01-text-t1 {
width: 78px;
float: left;
color: #342f2e;
margin-right: -78px;
}
.zxxq-01-text-t2 {
padding-left: 80px;
}
.xgzx-pagin-01-href {
float: right;
font-size: 18px;
line-height: 32px;
}
.xgzx-pagin-01-href span {
display: inline-block;
padding: 0 6px;
margin-left: 4px;
background: #333333;
}
.xgzx-pagin-01-href a {
display: block;
color: #fff;
}
.xgzx-pagin-01-key {
min-height: 40px;
border-top: 1px solid #333333;
font-size: 14px;
line-height: 40px;
color: #575556;
}
.gduo{ width:100%; float:left; height:50px; line-height:50px; margin-bottom:30px; border-top: 1px #999 dotted;}
.gduo span.pre{ float:left; width:50%; text-align:left; }
.gduo span.next{ float:left; width:50%; text-align:right; }
/*产品中心*/
.cl-cplb-3nt4-3-01-tit {
border-bottom: 1px solid #ebebeb;
margin-bottom: 16px;
line-height: 0;
}
.cl-cplb-3nt4-3-01-tit .h3 {
display: inline-block;
max-width: 90%;
font-size: 24px;
font-weight: normal;
color: #3b3b3b;
line-height: 44px;
border-bottom: 1px solid #333333;
margin-bottom: -1px;
overflow: hidden;
}
.cl-cplb-3nt4-3-01-tit .h3 span {
color: #3B3B3B;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cl-cplb-3nt4-3-01-con dl {
width: 31.23%;
float: left;
border: 1px solid #d5d5d5;
background: #fff;
margin-bottom: 14px;
margin-right: 2.7%;
box-sizing: border-box;
transition: 0.5s;
}
.cl-cplb-3nt4-3-01-con dl:hover{box-shadow: 3px 3px 12px rgba(0,0,0,0.1);}
.cl-cplb-3nt4-3-01-con dl:nth-child(3n){ margin-right: 0;}
.cl-cplb-3nt4-3-01-con dl.cl-cplb-3nt4-3-01-clear {
margin-right: 0;
}
.cl-cplb-3nt4-3-01-con dt img {
width: 100%;
display: block;
}
.cl-cplb-3nt4-3-01-con dd {
padding: 0 12px 6px;
}
.cl-cplb-3nt4-3-01-con .h3 {
height: 38px;
font-size: 18px;
font-weight: normal;
line-height: 38px;
overflow: hidden;
}
.cl-cplb-3nt4-3-01-con .h3 {
color: #767676;
height: 38px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cl-cplb-3nt4-3-01-con .h3 b{ font-weight: 100;}
.cl-cplb-3nt4-3-01-txt2 {
height: 44px;
font-size: 14px;
line-height: 22px;
overflow: hidden;
}
.cl-cplb-3nt4-3-01-info2 {
display: inline;
font-size: 14px;
font-weight: bold;
line-height: 22px;
}
.cl-cplb-3nt4-3-01-info2 a {
color: #666;
}
.p15-showcase {
position: relative;
padding: 12px 18px 16px 20px;
margin-bottom: 15px;
background: #fff;
border: 1px solid #eee;
}
.p15-showcase-right-con {
line-height: 24px;
font-size: 14px;
max-height: 168px;
margin-bottom: 86px;
overflow: hidden;
}
.p15-showcase-left {
position: relative;
width: 44.7%;
float: left;
line-height: 0;
overflow: hidden;
border: 1px solid #e7e7e7;
margin-right: 3.3%;
}
.p15-showcase-left-jt {
width: 12px;
height: 23px;
position: absolute;
top: 50%;
margin-top: -11px;
cursor: pointer;
z-index: 33;
}
.p15-showcase-left-prev {
left: 10px;
}
.p15-showcase-left-next {
right: 10px;
}
.p15-showcase-left-size {
position: absolute;
right: 0;
bottom: 0;
width: 56px;
height: 28px;
font-size: 14px;
line-height: 16px;
padding: 0 15px;
}
.p15-showcase-left-size em {
font-style: normal;
}
.p15-showcase-left-pic {
width: 100%;
text-align: center;
}
.p15-showcase-left-pic li {
float: left;
}
.p15-showcase-left-pic img {
width: 100%;
display: block;
}
.p15-showcase-right {
width: 51.6%;
float: left;
}
.p15-showcase-right-tit {
height: 40px;
font-size: 24px;
line-height: 40px;
color: #454545;
margin-bottom: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cpxq-01 {
margin-bottom: 22px;margin-top:40px;
}
.cpxq-01-nav {
font-size: 18px;
height: 57px;
border-bottom: 1px solid #ebebeb;
background: #333;
}
.cpxq-01-nav li {
float: left;
height: 57px;
line-height: 56px;
padding: 0 30px;
border-right: 1px solid #ebebeb;
cursor: pointer;
color:#fff;
}
.cpxq-01-nav li.cur {
background: url(../images/p16-icon6.png) no-repeat center bottom #0159af;
color: #fff;
}
.cpxq-01-text {
display: none;
}
.cpxq-01-text img{ max-width:100%; height: auto !important;}
/*.cpxq-01-desc {*/
/* padding-left: 15px;*/
/* padding-right: 15px; */
/*}*/
.cpxq-01-cur {
display: block;
}
.pc-cx-tel-1 {
width: 50%;
height: 56px;
border-top: 2px solid #e6e6e6;
padding-top: 10px;
position: absolute;
bottom: 16px;
right: 2%;
}
.pc-cx-tel-1-t1 {
width: 114px;
height: 44px;
background: #0159af;
font-size: 18px;
line-height: 44px;
text-align: center;
float: right;
}
.pc-cx-tel-1-t1 a {
display: block;
color: #fff;
}
.pc-cx-tel-1-t2 {
height: 56px;
padding-left: 60px;
background: url(../images/pc-xc-icon2.png) no-repeat 10px top;
font-size: 18px;
line-height: 18px;
color: #454545;
background-size: 40px;
}
.pc-cx-tel-1-t2 p {
line-height: 24px;
}
.p14-product-2-tit {
height: 46px;
line-height: 46px;
border-bottom: 2px solid #dfdfdf;
margin-bottom: 30px;
padding-top: 26px;
}
.p14-product-2-tit b {
display: inline-block;
font-size: 24px;
font-weight: normal;
color: #464646;
padding-left: 30px;
border-bottom: 2px solid #333333;
background:url(../images/p14-icon11.png) no-repeat 0px center;
}
.p14-product-2-tit span {
margin-left: 10px;
font-size: 18px;
font-family: Arial;
color: #c2c2c1;
text-transform: uppercase;
}
.p14-product-2-list dl {
float: left;
width: 23.8%;
border: 1px solid #dfdfdf;
margin-right: 1.5%;
box-sizing: border-box;margin-bottom: 30px;
}
.p14-product-2-list dl:last-child{ margin-right:0px;}
.p14-product-2-list dl.p14-product-clear {
margin-right: 0;
}
.p14-product-2-list dl img {
display: block;
width: 100%;
}
.p14-product-2-list dd {
padding: 10px 28px 10px 10px;
margin-right: 2px;
position: relative;
}
.p14-product-2-list .h3 {
height: 30px;
font-size: 16px;
font-weight: normal;
line-height: 30px;
color: #191919;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.p14-product-2-list .h3 a {
color: #191919;
}
.p14-product-2-desc {
font-size: 14px;
line-height: 24px;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.p14-product-2-list dl:hover {
border-color: #0159af;
}
.p14-product-2-list dl:hover h3 a {
color: #0159af;
}
/*专题页*/
.zty_tu{ width:100%; float:left; position:relative;}
.zty_tu img{ width:100%;}
.zty_cont{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; color: #fff; background: rgba(38,75,166,0.8); padding: 2%; font-size: 21px;}
.zty_cont span{ font-size: 48px; font-weight: bold;}
.zty_ys{ width:100%; float:left; padding:100px 0;}
.zty_ys_title{ text-align:center; font-size:24px; color:#000;}
.zty_ys_title span{ color:#264ba6; font-size:48px;font-weight: bold;}
.zty_ys_list{ float:left; width:100%; margin-top:100px;}
.zty_ys_list li{ float:left; width:18%; margin: 0 1%; text-align:center; cursor: pointer;}
.zty_ys_list li .zty_ys_list_tu{width:100%;}
.zty_ys_list li .zty_ys_list_tu img{ max-width:100%;}
.zty_ys_list li .zty_ys_list_tu img.tu2{ display:none;}
.zty_ys_list li:hover .zty_ys_list_tu img{ display:none;}
.zty_ys_list li:hover .zty_ys_list_tu img.tu2{ display:initial;}
.zty_ys_list li .zty_ys_list_title{ font-size:24px; margin-top:30px; width:100%;}
.zty_gl{ width:100%; float:left; padding:100px 0 105px; background:url(../images/zty_gl_bg.jpg); position:relative;z-index: 999;}
.zty_gl_title{ text-align:center; font-size:28px; color:#000;}
.zty_gl_title i{ padding:0 5px;}
.zty_gl_title span{ font-size:18px; color:#8f8f8f; background:url(../images/zty_gl_bg.jpg) ;padding:0 10px; position: relative; z-index: 999;}
.zty_gl_title_xian{ width:250px; height:1px; background:#8f8f8f;margin: 0 auto; position: relative; top: -15px;}
.zty_gl_list{ width:100%; float:left; margin-top:100px; position:relative;}
.zty_gl_list li{ float:left; width:50%; border-bottom:1px solid #ddd; padding: 30px 0;}
.zty_gl_list li .zty_gl_dian{ float:left; font-size: 50px; line-height: 16px; color: #264ba6; padding: 0 1%; width: 3%;}
.zty_gl_list li .zty_gl_list_title{ float:left; font-size: 20px; width: 35%; line-height: 26px;}
.zty_gl_list li:nth-child(2n) .zty_gl_dian{float:right;}
.zty_gl_list li:nth-child(2n) .zty_gl_list_title{float:right; text-align: right;}
.zty_gl_list_tu{ position:absolute; width: 40%; left: 50%; transform: translateX(-50%); top: -10%; text-align:center;}
.zty_gl_list_tu img{max-width:100%;}
.zty_xznf{ width:85%; margin: 0 auto; position:absolute; background:#fff; bottom: -105px; height:210px; z-index: 999;}
.zty_xznf_tu{ float:left; position: relative; top: -15px; width: 20%;}
.zty_xznf_tu img{ max-width:100%;}
.zty_xznf_cont{ float:left; width: 40%; color: #000; padding: 0 5%;}
.zty_xznf_title{ margin-top: 50px; font-size: 20px;}
.zty_xznf_title span{ font-size: 28px; font-weight: bold; margin-right: 10px;}
.zty_xznf_desc{ font-size: 12px;}
.zty_xznf_gd{ float:left; width:30%; position: relative; top: 50%; transform: translateY(-50%); text-align: center;}
.zty_xznf_gd a{ color: #fff; padding: 10px 15px; border-radius: 35px; font-size: 16px; margin:0 1%; width:40%;}
.zty_xznf_gd a i{}
.zty_xznf_gd a i img{ position: relative; margin-right: 10px;}
.zty_xznf_gd a.dzcp{ background: #0056a6;}
.zty_xznf_gd a.zxzx{ background: #ed1f23;}
.zty_cp{ width:100%; float:left; padding:150px 0 100px; background:#264ba6; position:relative;}
.zty_cp_title{ text-align:center; position:relative; font-size:30px; color:#fff; z-index: 99;}
.zty_cp_title span{ font-size:18px; padding:0 10px; background:#264ba6;}
.zty_cp_xian{ position:relative; width:50%; height:1px; margin:0 auto; background:#516fb8; top: -15px;}
.zty_cp_list{ width:100%; float:left; position:relative; margin-top:50px;}
.zty_cp_list #myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
.zty_cp_list #myscroll ul li { float:left; position:relative; width:234px; }
.zty_cp_list #myscroll ul li a{display:block; position:relative; color:#333; width:calc(100% - 10px); margin: 0 auto; background: #fff; text-align: center; padding: 10px 0;}
.zty_cp_list #myscroll ul li .i_cpzx_list_tu{ width:100%; padding-bottom:100%; position:relative; overflow:hidden; }
.zty_cp_list #myscroll ul li .i_cpzx_list_tu img{ position:absolute; height:100%; top:0px; left:50%; transform:translateX(-50%); }
.zty_cp_list #myscroll ul li .i_cpzx_list_xh{ color:#2449a4; font-size:20px; font-weight: bold;}
.zty_cp_list #myscroll ul li .i_cpzx_list_title{ color:#3f3f3f; font-size:14px;}
.zty_cp_list #mybtns{width:100%; display:block; position: relative; margin-top: 20px; }
.zty_cp_list #mybtns a{width:99px; height:45px; display:block;margin-right:1px; position: absolute; top:50%; transform: translateY(-50%);}
.zty_cp_list #mybtns a:hover{}
.zty_cp_list #mybtns a:hover, #myscroll, #mybtns a,#myscroll #myscrollbox{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.zty_cp_list #mybtns #left{ background-image:url(../images/zty_jt_l.png); left:calc(50% - 110px); }
.zty_cp_list #mybtns #right{ background-image:url(../images/zty_jt_r.png); right:calc(50% - 110px);}
.zty_cp_list #mybtns #zty_cp_gd{ color:#fff; right:5%; width: auto; height: auto; text-decoration: underline; font-size: 14px;}
.zty_yyly{ width:100%; float:left; padding:100px 0;}
.zty_yyly_title{ text-align:center; font-size:28px; color:#000;}
.zty_yyly_title i{ padding:0 5px;}
.zty_yyly_title span{ font-size:18px; color:#8f8f8f; padding:0 10px; position: relative; z-index: 999;}
.zty_yyly_list{ width:100%; float:left; margin-top:50px;}
.zty_yyly_list_lf{ width:49%; float:left;}
.zty_yyly_list_lf ul{}
.zty_yyly_list_lf li{ width:45%; float:left; margin-right: 6%; margin-bottom: 30px;}
.zty_yyly_list_lf li:nth-child(2n){ margin-right:0;}
.zty_yyly_list_lf li .zty_yyly_list_tu{width:100%; }
.zty_yyly_list_lf li .zty_yyly_list_tu img{width:100%; }
.zty_yyly_list_fr{ width:49%; float:right;}
.zty_yyly_list_tu{width:100%;}
.zty_yyly_list_tu img{width:100%;}
.zty_cjwt{ width:100%; float:left; padding:100px 0 50px; background:#f5f5f5;}
.zty_cjwt_title{ text-align:center; font-size:28px; color:#000;}
.zty_cjwt_title i{ padding:0 5px;}
.zty_cjwt_title span{ font-size:18px; color:#8f8f8f; padding:0 10px; position: relative; z-index: 999;}
.zty_cjwt_list{ width:80%;margin:0 auto; position: relative; margin-top: 50px;}
#zty_cjwt_myscroll{display:block; width:100%; position:relative; overflow:hidden;}
#zty_cjwt_myscroll #zty_cjwt_myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px; overflow:hidden;}
#zty_cjwt_myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#zty_cjwt_myscroll ul li { float:left; position:relative; width:234px; }
#zty_cjwt_myscroll ul li a{display:block; position:relative; color:#333; width:calc(100% - 10px); margin: 0 auto;text-align: center; padding: 10px 0; padding-bottom:50px; border-bottom:2px solid #eeeeee}
#zty_cjwt_myscroll ul li .zty_cjwt_list_tu{ width:100%; position:relative; overflow:hidden; }
#zty_cjwt_myscroll ul li .zty_cjwt_list_tu img{ width:100%; }
#zty_cjwt_myscroll ul li .zty_cjwt_list_title{ color:#3f3f3f; font-size:16px; height:50px; line-height:50px;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;}
#zty_cjwt_myscroll ul li:hover a{ border-bottom:2px solid #0056a6;}
#zty_cjwt_myscroll ul li:hover .zty_cjwt_list_title{ color:#0056a6; }
#zty_cjwt_mybtns{width:100%; display:block; }
#zty_cjwt_mybtns a{width:38px; height:73px; display:block;margin-right:1px; position: absolute; top:35%; transform: translateY(-50%);}
#zty_cjwt_mybtns a:hover{}
#zty_cjwt_mybtns a:hover, #zty_cjwt_myscroll, #zty_cjwt_mybtns a,#zty_cjwt_myscroll #zty_cjwt_myscrollbox{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#zty_cjwt_mybtns #zty_cjwt_left{ background-image:url(../images/zty_cjwt_jt_l.png); left:-35px; }
#zty_cjwt_mybtns #zty_cjwt_right{ background-image:url(../images/zty_cjwt_jt_r.png); right:-35px}
.disabled{ pointer-events: none;}
.zty_cjwt_gs{ width:3px; display:none;}
.zty_rxcp{ width:100%; float:left; padding:100px 0; }
.zty_rxcp_title{font-size:36px; text-align: center; font-weight: bold; color: #000;}
.zty_rxcp_tb{ text-align: center; z-index: 999; position: relative; margin-top: 30px;}
.zty_rxcp_tb img{ width:20px; width: 14px; background: #fff; padding: 0 20px;}
.zty_rxcp_xian{ width: 200px; height: 1px; background: #efefef; margin: 0 auto; position: relative; top: -10px;}
.zty_rxcp_list{ width:100%; float:left; position:relative; margin-top:50px;}
.zty_rxcp_list #myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
.zty_rxcp_list #myscroll ul li { float:left; position:relative; width:234px; }
.zty_rxcp_list #myscroll ul li a{ width:90%; display:block; position:relative; color:#333; margin: 0 auto; background: #fff; text-align: center; padding: 10px 0;}
.zty_rxcp_list #myscroll ul li .i_cpzx_list_tu{ width:100%; padding-bottom:100%; position:relative; overflow:hidden; border:1px solid #ccc; border-radius: 5px;}
.zty_rxcp_list #myscroll ul li .i_cpzx_list_tu img{ position:absolute; height:100%; top:0px; left:50%; transform:translateX(-50%); }
.zty_rxcp_list #myscroll ul li .i_cpzx_list_title{ color:#4a4949; font-size:14px; height:30px; line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zty_rxcp_list #myscroll ul li .i_cpzx_list_gd{ margin-top: 20px;}
.zty_rxcp_list #myscroll ul li .i_cpzx_list_gd span{ padding: 10px 20px; background: #e5e5e5; border-radius: 30px; font-size: 14px;}
.zty_rxcp_list #myscroll ul li .i_cpzx_list_gd i{ font-style: initial; width:10px; height:10px; background:#454545; border-radius:100px; color:#fff; padding: 0px 4px; margin-left: 5px; font-size: 12px;}
.zty_rxcp_list #mybtns{width:100%; display:block; }
.zty_rxcp_list #mybtns a{width:57px; height:62px; display:block;margin-right:1px; position: absolute; top:4 0%; transform: translateY(-50%);}
.zty_rxcp_list #mybtns a:hover{}
.zty_rxcp_list #mybtns a:hover, #myscroll, #mybtns a,#myscroll #myscrollbox{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.zty_rxcp_list #mybtns #left{ background-image:url(../images/zty_rxcp_l.png); left:-5%; }
.zty_rxcp_list #mybtns #right{ background-image:url(../images/zty_rxcp_r.png); right:-5%;}
.zty_rxcp_gs{ width:4px; display:none;}
.zty_gg{ width:100%; float:left; padding:100px 0; border-top:1px solid #e5e5e5;}
.zty_gg_title{ font-size:36px; text-align: center; font-weight: bold; color: #000;}
.zty_gg_tb{ text-align: center; z-index: 999; position: relative; margin-top: 30px;}
.zty_gg_tb img{ width:20px; width: 14px; background: #fff; padding: 0 20px;}
.zty_gg_xian{ width: 200px; height: 1px; background: #efefef; margin: 0 auto; position: relative; top: -10px;}
.zty_zl{ width:100%; float:left; padding:100px 0; background:url(../images/zty_zl_bg.jpg) center top no-repeat;color:#fff; }
.zty_zl_title{ font-size:36px; text-align:center; color:#fff; font-weight: bold;}
.zty_zl_tb{text-align: center; float: left; position: relative; left: 50%; transform: translateX(-50%); margin-top: 50px;}
.zty_zl_tb span{ min-width: 350px; float: left; text-align: center; border-bottom: 1px solid #c7c6c6; border-top: 1px solid #c7c6c6; font-size: 30px;}
.zty_zl_tb span:nth-child(2){ color:#ed0000}
.zty_zl_tb img{ float: left; padding: 0 50px;}
.zty_zl_list{ width:100%; float:left; margin-top:100px; position:relative;}
.zty_zl_list_tu1{ position:absolute; width: 40%; left: 50%; transform: translate(-50%,-50%); top: 50%; text-align:center;}
.zty_zl_list_tu2{ position:absolute; width: 40%; left: 50%; transform: translate(-50%,-50%); top: 50%; text-align:center;}
.zty_zl_list img{ max-width:100%;}
.zty_zl_list ul{ width:100%; float:left;}
.zty_zl_list li{ width:50%; float:left; }
.zty_zl_list li .zty_zl_list_cont{ width:50%; float:left; padding:10px 0 50px; border-bottom:1px #fff dashed;}
.zty_zl_list li:nth-child(2n) .zty_zl_list_cont{ float:right;}
.zty_zl_list_title{ width:100%; float:left; font-size:25px; font-weight:bold;}
.zty_zl_list_title .zty_zl_list_tb{ float:left; margin-right: 10px; position: relative; top: 10px;}
.zty_zl_list_title .zty_zl_list_tb img{}
.zty_zl_list_desc{width:100%; float:left; font-size:16px;}
.zty_dz{ width:100%; float:left; padding:100px 0; background:#f5f5f5;}
.zty_dz_title{ text-align:center; font-size:16px; color:#717171;}
.zty_dz_title span{ font-size:36px; font-weight:bold; color:#000;}
.zty_dz_title a{ color:#e90000;}
.zty_dz_tb{ text-align: center; z-index: 999; position: relative; margin-top: 30px;}
.zty_dz_tb img{ width:20px; width: 14px; background: #f5f5f5; padding: 0 20px;}
.zty_dz_xian{ width: 200px; height: 1px; background: #c4c4c4; margin: 0 auto; position: relative; top: -10px;}
.zty_dz_list{ width:100%; float:left; margin-top:50px;}
.zty_dz_list li{ float:left; width:10%; padding:0 3%; text-align:center; position:relative; cursor: pointer;}
.zty_dz_list li .zty_dz_list_tu{ border-radius: 100%; overflow: hidden; border: 10px solid #ebebeb; position:relative; z-index:999; }
.zty_dz_list li .zty_dz_list_tu img{ width: 100%;}
.zty_dz_list li .zty_dz_list_tu img.tu{ display:none;}
.zty_dz_list li:hover .zty_dz_list_tu img{ display:none;}
.zty_dz_list li:hover .zty_dz_list_tu img.tu{ display:initial}
.zty_dz_list li .zty_dz_list_title{ font-size: 16px; margin-top: 20px; color: #000;}
.zty_dz_list_xian{width:100%; position:absolute; height: 10px; background: #ebebeb; top: 38%; transform: translateY(-50%);}
.zty_dz_list li:last-child .zty_dz_list_xian{ width:0px;}
.sp_header{ display: none;}
.sp_nav_xjb{ background:url(../images/head_nav_xia.png) center bottom no-repeat; width:30px; height:30px;}
.sjj_nav_i_se{ background:url(../images/head_nav_xia.png) center top no-repeat;}
.sjj_nav ul li form{ margin:15px 0; float: left; width: 100%;}
.sjj_nav ul li .soText {
float: left;
width:70%;
height: 30px;
line-height: 30px;
padding:0 2%;
color: #333;
border: 1px solid #ddd;
background:#eeeeee;
outline: none;
border-right:0px;
color:#666;
font-size:14px;
}
.soText::-webkit-input-placeholder { color:#666;}
.sjj_nav ul li .soBtn {
float: left;
width: 20%;
height: 32px;
border: 1px solid #2449a4;
line-height: 32px;
background: url(../images/soBtn.png) no-repeat center center #2449a4;
}
.footer_fd_kuan{ display:none;}
.footer_fd,#gotop_wap{ display:none;}
#lightbox-container-image-box{ max-width: 80%; height:auto !important; margin:0 auto;}
#lightbox-container-image img#lightbox-image{ width:100%;}
#lightbox-container-image-data-box{ max-width: 95%;}
@media (max-width: 1299px){
.header_cont_tb{display:none;}
}
@media (max-width: 1199px){
}
@media (max-width: 999px){
.header_cont{padding:0px;}
.header_cont_fr{ margin-top: 30px;}
.header_cont_tel{ font-size:0px; display:none;}
.header_cont_tel span{ font-size:0px;}
.header_tel { font-size: 0px; width:auto; float:left; margin:0px;}
.header_tel span{ float: left; margin:0px; font-size:0px; padding-top:45px; padding-left: 35px; background: url(../images/head_tel2.png) bottom left no-repeat; width:auto; background-size: 35px;}
.head_nav_wap{ margin-left: 10px; margin-top: 7px; border-left: 1px solid #d9d9d9;}
.header_nav,.header_search,.header_cont .logo_gg{ display: none;}
.sp_header{ display: block;}
.i_seach{ height:auto; line-height: unset; padding-bottom:10px;}
.i_seach_fr,.i_seach_fl{ width: 100%;}
.i_seach_fr .soText{ width: 80%; padding: 0 1%;}
.i_seach_fr .soBtn{ width: 17%;}
.i_hexin_title{ margin-top:0px;}
.i_hexin_list{ background-position: center !important; background:none !important;}
.i_hexin_list li{ width: calc(48% - 100px); margin: 0 !important; border-bottom: 1px solid #c6c6c6; padding: 10px; height: 88px;line-height: 88px; background-position: center left !important;text-align: left !important; padding-left: 100px;
padding-right: 0px !important;}
.i_hexin_list li .i_hexin_list_cont{ background: none !important; width: 100% !important; padding:0px !important;}
.i_hexin_list li .i_hexin_list_desc{ display:none;}
.i_hexin_list_gd{ margin-top: 30px;}
.i_hexin_list_gd a{ top: 0px;}
.i_cpzx_xl{ background-size: auto 100%;}
.i_cpzx_xl li{ width: calc(44% - 1px); margin-bottom:3%;}
.i_cpzx_xl li:nth-child(2n) { border-right: 0px;}
.i_cpzx_gs{ width:4px;}
.i_ys_title span{ padding: 0 50px;}
#lightbox-container-image-box{ max-width:100%; height:auto !important; margin:0 auto;}
#lightbox-container-image img#lightbox-image{ width:100%;}
#lightbox-container-image-data-box{ max-width: 95%;}
.footer_nav,.footer_cont,.footer_link,.kf-sidebar{display:none;}
.footer_bot{ line-height: 40px; text-align: center; border-top: 1px solid #c2c2c2;}
#gotop_wap{display:block;}
#gotop_wap {
position: fixed;
bottom: 80px;
right: 5px;
background: url(../images/gotop1.png) no-repeat 14px 15px rgba(0,0,0,0.5);
width: 40px;
height: 40px;
border-radius: 4px;
cursor: pointer;
z-index: 999;
}
.footer_fd_kuan{ display:block;width: 100%; float:left; height: 60px;}
.footer_fd{ display:block; width: 100%; position: fixed; bottom: 0px; height: 60px; background: #191938; box-shadow: 0px 0px 14px #040404; z-index: 99999;}
.footer_fd li{ width:25%; float:left; text-align:center;}
.footer_fd li a{ color:#fff; width: 100%; float: left; line-height: 30px;}
.footer_fd li .footer_fd_tu{ width: 100%; height:20px; float:left; text-align:center; margin-top:10px;}
.footer_fd li .footer_fd_tu img{ height:100%;}
.footer_fd li .footer_fd_title{}
.blk-xs{ display:none;}
.blk-sm{ width: 100%;}
.p4-order-form-1-con{ padding: 40px 10%;}
.zty_cont{ font-size: 14px;}
.zty_cont span{ font-size: 34px;}
.zty_ys_list li .zty_ys_list_title{ font-size: 16px;}
.zty_ys_list li{ width: 16%; margin: 0 2%;}
.zty_gl_list_tu{ display: none;}
.zty_gl_list li{width: 48%;}
.zty_gl_list li:nth-child(2n){ float:left;}
.zty_gl_list li .zty_gl_list_title{ width: 95%;}
.zty_gl_list li:nth-child(2n) .zty_gl_dian { float: left;}
.zty_gl_list li:nth-child(2n) .zty_gl_list_title { float: left; text-align: left;}
.zty_xznf{height:}
.zty_xznf_gd a{ width: 50%; float: left; margin: 10px 25%;}
.zty_xznf_title{ margin-top:0px; font-size: 16px;}
.zty_zl_tb span{ font-size: 20px; min-width: 250px;}
}
@media (max-width: 799px){
.i_hexin_list li .i_hexin_list_title {font-size: 18px;}
.i_cpzx_gs{ width:3px;}
.i_jjfa_info{ background-color: #f5f5f5;}
.i_jjfa_list_tu{ width: 100%;}
.i_jjfa_list_cont{ width:90%; padding: 5%;}
.i_ys_list li .i_ys_tu{ width: 100%;}
.i_ys_list li .i_ys_tu img{ width: 100%;}
.i_ys_list li .i_ys_fr{ width:90%;}
.i_news_list_fl{ width: 100%; margin-bottom:30px;}
.i_news_list_fr{ width: 100%;}
.i_gywm_bot_fl{ width: 100%; padding-bottom: 5%; border-bottom: 1px solid #fff; margin-bottom: 30px; margin-top: -30%;}
.i_gywm_bot_fr{ float: none; width:auto; text-align: center; padding-left:0px;}
.i_gywm_bot_fr_tu{margin: 0 auto;}
.footer_fr{ width: 100%;}
.p15-showcase-left,.p15-showcase-right{ width: 100%;}
.pc-cx-tel-1{ width: 95%;}
.cpxq-01-nav{ height:auto; float: left; width: 100%;}
.p14-product-2-list dl{ width: 48%;}
.p14-product-2-list dl:nth-child(2n) { margin-right: 0px;}
.zxlb-1n-ts-01-list dl{ padding-top:0px;}
.zxlb-1n-ts-01-list dt{ width: 100%; margin:0px;}
.zxlb-1n-ts-01-list dd{ width: 96%; padding: 0 2%;}
.zxlb-1n-ts-01-list-deta{ float: left;}
.gduo span.pre,.gduo span.next{ width:100%; text-align:left; line-height: 20px; padding: 5px 0;}
.tl-fdh-02{ height:auto;}
.tl-fdh-02 li{ font-size: 14px; width: 20%;}
.about1 dt{ width: 100%; height: auto;}
.about1 dd{ display:none;}
.about2 dl dt{ width: 100%;}
.about2 dl dd{ width: 90%; height: auto;}
.about3 li{ width: 100%;}
.about1 h4 em{ font-size:26px;}
.list_honor li{ width: 48%; margin-right:2%;}
.list_honor li:nth-child(2n){ margin-right:0px;}
.lianxi li{ width: 47%; margin-right:2%; }
.lianxi li:nth-child(2n){ margin-right:0px;}
.p4-order-form-1-con label{ width: 23%}
.zty_xznf_tu{ display:none;}
.zty_xznf_cont{ width: 60%; position: relative; top: 50%; transform: translateY(-50%);}
.zty_xznf_gd a{ font-size: 12px; width:70%; margin: 10px 0;}
.zty_cont{ font-size: 12px;}
.zty_cont span{ font-size: 24px;}
.zty_rxcp_gs{ width:3px;}
.zty_zl{ background-size: auto 100%;}
.zty_rxcp_title,.zty_gg_title,.zty_zl_title,.zty_dz_title span{ font-size: 26px;}
.zty_dz_title{ font-size: 14px;}
.zty_zl_list_title{ line-height: 45px; font-size: 18px;}
.zty_zl_list li .zty_zl_list_cont{ padding: 10px 0 20px;}
.zty_zl_list_desc{ font-size: 12px;}
.zty_dz_list li .zty_dz_list_title{ font-size: 12px; height:40px;}
.zty_dz_list_xian{ top: 25%;}
.zty_zl_tb span{ font-size: 12px; min-width:150px;}
}
@media (max-width: 599px){
.i_hexin_title,.i_cpzx_title,.i_jjfa_title,.i_ys_title,.i_news_title,.i_gywm_title{ font-size: 18px;}
.i_hexin_title span,.i_cpzx_title span,.i_jjfa_title span,.i_ys_title span,.i_news_title span,.i_gywm_title span { font-size: 24px; border-bottom:0px; padding: 0;}
.i_cpzx_gs{ width:2px;}
.i_jjfa_bot li{ width: 31%; margin-bottom: 30px;}
.i_jjfa_bot_xian{ bottom: 32px;}
.i_gywm_bot_fl{ margin-top: -50%;}
#mybtns #left, #mybtns #right { background-size: 40px; background-repeat: no-repeat; background-position: center; z-index: 999;}
#myscroll ul li .i_cpzx_list_title{ line-height: 20px; height: 40px;}
.i_ys_list li .i_ys_list_title{ font-size: 22px;}
.i_ys_list li .i_ys_sz{ font-size: 24px;}
.n_banner{ background-size: 180% !important; height:160px !important;}
.Location{ display:none;}
.content{ padding-top: 10px;}
.cl-cplb-3nt4-3-01-con dl{ width: 48%;}
.cl-cplb-3nt4-3-01-con dl:nth-child(3n) { margin-right: 4%;}
.cl-cplb-3nt4-3-01-con dl:nth-child(2n) { margin-right: 0;}
.cl-cplb-3nt4-3-01-con h3,.cl-cplb-3nt4-3-01-txt2,.cl-cplb-3nt4-3-01-info2{ font-size: 12px;}
.cpxq-01-nav{ font-size: 14px;}
.zxxq-01-tit{ font-size: 18px;}
.about1 h4 em{ font-size:20px;}
.lianxi li span,.lianxi li.last span{ font-size: 14px;}
.p4-order-form-1-con label { width: 100%; float: left; text-align: left;}
.p4-order-form-1-con .inputs, .p4-order-form-1-con li select{ width: 100%;}
.p4-order-form-1-t1 textarea{ width: 100%;}
.zty_ys_title{font-size: 14px;}
.zty_ys_title span{ font-size: 24px;}
.zty_gl,.zty_cp,.zty_yyly,.zty_cjwt,.zty_ys,.zty_rxcp,.zty_dz,.zty_zl,.zty_gg{ padding: 30px 0;}
.zty_yyly_title,.zty_cjwt_title,.zty_cp_title,.zty_gl_title{ font-size: 20px;}
.zty_yyly_title span,.zty_cjwt_title span,.zty_cp_title span,.zty_gl_title span{ font-size: 14px;}
.zty_gl_list,.zty_ys_list,.zty_zl_list,.zty_rxcp_list{ margin-top: 30px}
.zty_gl_list li { width: 100%;}
.zty_gl_list li .zty_gl_list_title{ font-size: 16px;}
.zty_ys_list{ text-align: center;}
.zty_ys_list li{width: 28%; margin:2%; display: inline-block; text-align: center; float:none;}
.zty_ys_list li .zty_ys_list_title{ margin-top:15px; font-size: 12px;}
.zty_xznf { position: relative; float: left; width: 100%; bottom: 0px; height: auto; padding: 10px 0;}
.zty_xznf_cont{ transform: initial; width:90%;}
.zty_xznf_gd{ transform: initial; width: 90%; padding: 0 5%;}
.zty_xznf_gd a{ width:40%; margin:10px 5%; padding: 10px 0;}
.zty_xznf_gd a i img{ height: 14px;}
.zty_cp_list #mybtns{ margin-bottom: 40px;}
.zty_cp_list #mybtns #left, .zty_cp_list #mybtns #right{ background-size:auto;}
.zty_cp_list #mybtns #zty_cp_gd{ right: 0; top: 60px; position: relative; width: 100%; text-align: center;}
.zty_yyly_list_lf,.zty_yyly_list_fr{ width: 100%;}
.zty_yyly_list_lf li{ width: 47%;}
.zty_cjwt_gs{ width:2px;}
.zty_cont span{ font-size: 14px;}
.zty_rxcp_gs{ width:2px}
.zty_rxcp_title,.zty_gg_title,.zty_zl_title,.zty_dz_title span{ font-size: 20px;}
.zty_dz_list li{ width: 27%;}
.zty_dz_list li:nth-child(3) .zty_dz_list_xian{ display:none;}
.zty_dz_list_xian { top: 35%;}
.zty_zl_tb img{ padding: 0 30px; width: 18px;}
.zty_zl_list_tu1,.zty_zl_list_tu2{ display:none;}
.zty_zl_list li .zty_zl_list_cont{ width: 90%;}
.zty_zl_list_desc{ height: 60px}
.zty_dz_tb,.zty_gg_tb,.zty_rxcp_tb{ margin-top: 10px;}
.cpxq-01-nav li{ text-align: center; border-bottom: 1px solid #ebebeb; width: calc(33.3% - 1px); padding:0px;}
}
@media (max-width: 499px){
.main_content{ width: 90%;}
.i_hexin,.i_cpzx,.i_news,.i_ys{ padding: 30px 0;}
.i_gywm{padding-top:30px;}
.i_ys_list,.i_news_list{ margin-top: 50px;}
.i_gywm_bot{margin-top: 150px;}
.i_cpzx_xl{ display:none;}
.i_hexin_list li{ width: calc(50% - 60px); background-size: 50px !important; padding-left: 60px !important;}
.i_hexin_title,.i_cpzx_title,.i_jjfa_title,.i_ys_title,.i_news_title,.i_gywm_title{ font-size: 16px;}
.i_hexin_title span,.i_cpzx_title span,.i_jjfa_title span,.i_ys_title span,.i_news_title span,.i_gywm_title span { font-size: 18px; border-bottom:0px; padding: 0;}
.i_ys_list li .i_ys_list_desc p{ font-size: 14px;}
.i_hexin_list{ margin-top: 30px;}
.i_gywm_bot_fr_title{ font-size: 22px; line-height: 30px;}
.n_banner{ background-size: 180% !important; height:130px !important;}
.tl-fdh-02 li{ width: 25%;}
.about1 h4{font-size:24px;}
.about1 h4 em{ font-size:16px;}
.zty_zl_tb img{ padding: 0 10px;}
.zty_zl_tb span{ min-width: 130px;}
.zty_rxcp_title, .zty_gg_title, .zty_zl_title, .zty_dz_title span { font-size: 16px;}
.zty_zl_list_title{ font-size: 16px;}
}
@media (max-width: 399px){
.i_gywm_bot_fr_tu .input1{ right: 5px; z-index: 999; }
.i_gywm_bot_fr_tu .input2{ right: -30px; z-index: 999;}
.i_ys_list li .i_ys_list_desc p { font-size: 12px;}
.n_banner{ background-size: 180% !important; height:100px !important;}
}
.pagingNav{
clear: both;
margin: 20px;
overflow: hidden;
margin-left: 0px;
text-align: center;
font-size: 12px
}
.pagingNav .uls>span {
display: inline-block;
border: 1px solid #ccc;
padding: 4px 12px;
margin: 0 1px;
line-height: 24px;
background: #fff;
color: #999
}
.pagingNav .uls>span.page-numbar a{
display: inline-block;
border: 1px solid #ccc;
padding: 4px 12px;
margin: 0 1px;
line-height: 24px;
background: #fff;
color: #999
}
.pagingNav .uls>span.page-numbar {
display: inline-block;
border: none;
padding: 0;
margin: 0;
line-height: 24px;
background: #fff;
color: #999
}
.pagingNav .uls>span.page-numbar span{
display: none;
}
.pagingNav .uls span:hover {
background: #0159af;
color: #fff;
border: 1px solid #0159af
}
.pagingNav .uls span.page-numbar a:hover {
background: #0159af;
color: #fff;
border: 1px solid #0159af
}
.pagingNav .uls>span:not(.page-numbar):hover a{
color: #fff;
}
.pagingNav .uls span.page-numbar:hover {
background: #fff;
color: #999;
border: none
}
/* .pagingNav .uls>span.page-numbar:hover a{
color: none;
} */
.pagingNav .uls .page-numbar a.page-num-current {
display: inline-block;
border: 1px solid #0159af;
padding: 4px 12px;
margin: 0 1px;
background: #0159af;
color: #fff;
}
.pagingNav .uls .page-numbar a.page-num-current {
color: #fff;
}
.pagingNav .uls span a {
/* display: block; */
color: #999
}
.pagingNav .uls span:not(.page-numbar) a:hover {
color: #fff;
}
@media (max-width: 600px) {
.pagingNav .uls span.page-status,.pagingNav .uls span.page-num{
display: none;
}
.pagingNav .uls >span {
padding: 2px 5px;
}
.pagingNav .uls >span.page-numbar a {
padding: 2px 5px;
}
.pagingNav .uls .page-numbar a.page-num-current {
padding: 2px 5px;
}
}